<template>
  <scroll-view scroll-y enable-flex class="video_main" @scrolltolower="handleScrolltolower">
      <view class="video_item" v-for="item in videowp" :key="item.id" @click="handleGoVideo(item)">
          <image mode="widthFix" :src="item.img"></image>
      </view>
  </scroll-view>
</template>

<script>
export default {
    data() {
        return {
            videowp:[],
            hasMore:true,
        }
    },
    props:{
        urlobj:Object,
    },
    mounted(){
        //console.log(this.urlobj);
        this.getList();
    },
    watch:{
        urlobj(){
            this.videowp = [];
            this.getList();
        }
    },
    methods:{
        getList(){
            this.request({
                url:this.urlobj.url,
                data:this.urlobj.params,
            }).then(result =>{
                //console.log(result);
                if(result.res.videowp.length ===0){
                    this.hasMore = false;
                    uni.showToast({
                    title:"没有更多了",
                    icon:"none",
                });
                    return;
                }
                this.videowp = [...this.videowp,...result.res.videowp];
            })
        },
        //分页数据
        handleScrolltolower(){
            if(this.hasMore){
                this.urlobj.params.skip += this.urlobj.params.limit;
                this.getList();
            }else{
                uni.showToast({
                    title:"没有更多了",
                    icon:"none",
                })
            }
        },
        //点击事件
        handleGoVideo(item){
            //  1.将数据存到全局共享中
            getApp().globalData.video = item;
            //  2.页面跳转
            uni.navigateTo({
                url:"/pages/videoPlay/index",
            })
        },
    },
}
</script>

<style lang="scss" scoped>
.video_main{
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 35px);
    .video_item{
        width: 33.33%;
        border: 5rpx solid #fff;
    }
}
</style>